@charset "utf-8";
/* CSS Document */
/* 登陆 */
#head{ height:130px; background:#fff;}
#head .logo{ width:267px; height:60px; margin:65px 0 0; float:left;}
#head .slogan{ width:60%; margin:45px 0 0 0; font-size:18px; color:#8c8c8c; float:left; position:relative; left:-66px; _display:inline;}
#head .slogan b{ font-size:24px; color:#68ad70; padding:02px;}
#head .contact{ width:110px; height:20px; margin:55px 20px 0 0; float:right; _display:inline;}
#head .menu-head{ width:40%; height:20px; line-height:20px; margin:30px 0 0; text-align:right; color:#4fa4bc; float:right; position:relative; z-index:11;}
#head .menu-head a{ margin:0 10px;}
#head .menu-more{ width:240px; height:34px; line-height:34px; border:1px solid #cbdacd; color:#4fa4bc; text-align:center; background:#fff; position:absolute; right:5px; top:24px; display:none; _top:22px;}
#wrap{ background:url(../../img/pic/snspic/loginbg.jpg) #fff left top repeat-x; padding:0 0 60px;}
.activity{ width:700px; height:280px; overflow:hidden; float:left;}
.login{ width:270px; height:280px; padding:0 0 0 30px; background:url(../images/pic/login.jpg) #3d95bb repeat-x; float:right; position:relative; z-index:10;}
.login h1{ width:100%; font-size:20px; color:#fff; margin:10px 0 0; float:left;}
.login p{ width:100%; line-height:20px; padding:10px 0 0; float:left; padding:9px 0 0\9; position:relative;}
.login p input{ width:230px; height:auto; border:1px solid #c6d8dc; padding:7px 5px; font-size:14px; color:#666; float:left; padding:8px 5px 6px\9; line-height:16px\9;}
.login p input.hover{ border:1px solid #70c4e6;}
.login p .btn-login{ width:80px; height:30px; background:url(../../img/pic/snspic/login.jpg) no-repeat; text-indent:-999px; overflow:hidden; border:0; cursor:pointer;}
.login p label{ line-height:10px; padding:3px 0 1px; float:left; color:#fff;}
.login p label.error{ width:116px; height:15px; line-height:15px; padding:3px 6px 3px 25px; top:50px; left:93px; background-position:6px 4px; color:#666;}
.login span label.error{ display:none!important;}
.login p a{ margin:3px 0 0 15px; float:left; color:#fff;}
.login p .btn-register{ width:244px; height:38px; background:url(../../img/pic/snspic/register.jpg) no-repeat; text-indent:-999px; margin:5px 0 0; overflow:hidden; position:relative; left:-3px;}
.login p .aboutUs{ padding:1px 30px 1px 0; background:url(../images/button/aboutus.jpg) right center no-repeat; margin:0;}
.login .out_box{ width:240px!important;}
.login .border{ width:10px; height:280px; background:url(../images/pic/border.png) no-repeat; _background:none; position:absolute; left:-10px; top:0; display:none;}
.peculiarity{ width:994px; height:115px; padding:0 4px; background:url(../../img/pic/snspic/peculiaritybg.jpg) left bottom repeat-x; float:left;}
.peculiarity dd{ width:140px; height:50px; line-height:20px; padding:65px 2px 0 0; background:url(../../img/pic/snspic/line3.jpg) right center no-repeat; text-align:center; float:left; overflow:hidden; position:relative; z-index:1; _background:url(../images/pic/line3.jpg) right top no-repeat;}
.peculiarity dd.last{ padding: padding:65px 0 0 0; background:none;}
.peculiarity dd img{ position:absolute; top:15px; left:46px; _position:relative; _top:-50px; _left:0;}
.peculiarity strong{ width:100%; font-size:14px; font-weight:normal; color:#4f4f4f; float:left; _position:relative; _top:-50px; }
.peculiarity span{ width:100%; font-size:12px; font-family:"宋体"; color:#8d8d8d; float:left; _position:relative; _top:-50px; }
.login_del{ width:16px; height:16px; background:url(../images/pic/login_del.gif) no-repeat; cursor:pointer; display:none; position:absolute; top:20px; right:35px;}
.meg-tip{ line-height:15px; padding:2px 0 2px 18px; color:#65160A;background:url(../images/pic/error.jpg) #FDF7DB 3px center no-repeat; border:1px solid #E3DEC4; position:absolute; right:28px; display:none;}


#leftside{ width:700px; float:left;}
#rightside{ width:280px; float:right; _height:776px; _overflow:hidden; _position:relative;}

/* 微课活动轮换图 */
/*.activity ul{ width:2800px; height:280px; position:relative;}
.activity ul li{ width:700px; height:280px; float:left;}
.activity .num{ margin:0 0 0 5px; float:left; position:relative; top:-33px;}
.activity .num em{ width:21px; height:21px; line-height:21px; color:#808080; text-align:center; cursor:pointer; margin:0 0 0 5px; float:left; background:url(../images/pic/num.png) no-repeat; _background:url(../images/pic/num.gif) no-repeat;}
.activity .num em.current{ background-position:right center; color:#50a4bd;}*/

/* title */
.title{ width:100%; border-bottom:1px solid #5b5b5b; line-height:26px; margin:16px 0 0; float:left; _float:none;}
.title strong{color:#403e3e; float:left; font-size:15px; font-weight:bold;}
.title a{ float:right;}
.title ul{ float:right;} 
.title li{ color:#838282; padding:0 15px; cursor:pointer; float:left;}
.title .line{ width:7px; height:12px; background:url(../images/pic/line4.jpg) no-repeat; padding:0; margin:9px 0 0; float:left;}
.title .current{ color:#333333; font-weight:bold;}

/* 微课名师 */
.vkoteacher{ width:100%; margin:10px 0 0; float:left; position:relative; z-index:1;}
.vkoteacher dt{ width:386px; height:233px; overflow:hidden; background:url(../images/pic/vkoteacherbg.jpg) no-repeat; float:left; position:relative; z-index:1;}
.vkoteacher dt .infos{ width:150px; margin:25px 0 0 20px; float:left;position:relative; z-index:10;}
.vkoteacher dt .infos strong{ font-weight:bold; color:#44352c; font-size:15px;}
.vkoteacher dt .infos span{ color:#44352c; margin:0 0 0 5px; cursor:pointer;}
.vkoteacher dt .infos p{ color:#5a5a59; line-height:18px; margin:0 0 3px;}
.vkoteacher dt .btn-show{ width:112px; height:32px; background:url(../images/button/btn-show.png); text-indent:-999px; overflow:hidden; float:right;}
.vkoteacher dt img{ position:absolute; right:0; top:0;  z-index:1;}
.vkoteacher dd{ width:75px; height:75px; margin:0 0 3px 3px; overflow:hidden; cursor:pointer; float:left;}
.vkoteacher .fitimg{ filter:alpha(opacity=50);opacity:0.5;}
.vkoteacher .curimg{filter:alpha(opacity=100);opacity:1;}
.vkoteacher .redline{ position:absolute; top:-3px; left:386px; width:77px; height:77px; border:2px solid #f5974c; z-index:-999;}
.vkoteacher .blueline{ position:absolute; top:-3px; left:386px; width:77px; height:77px; border:2px solid #0081dc; z-index:-888; display:none;}

/* 精彩试听 */
.freecourse{ width:100%; height:290px; overflow:hidden; float:left;}
.freecourse dl{ width:720px;}
.freecourse dd{width:160px; margin:10px 20px 0 0; float:left;}
.freecourse dd .pic{ width:160px; height:90px; float:left; margin:0 0 5px; cursor:pointer;}
.freecourse dd p{ width:100%; height:20px; line-height:20px; overflow:hidden; float:left;}
.ico-fans,.ico-message,.ico-listen{ padding:0 0 0 15px; line-height:20px; margin:0 10px 0 0; background:url(../images/pic/icon.gif) left 5px no-repeat; cursor:default; display:inline-block; *display:inline; *zoom:1;}
.ico-message{ background-position:left -14px;}
.ico-listen{ padding:0 0 0 18px; background:url(../images/pic/ico-listen.jpg) left 5px no-repeat;}

/* 新加入的同学 */
.newfriend{ width:100%; height:120px; overflow:hidden; float:left; _float:none;}
.newfriend dl{ width:720px; height:120px; overflow:hidden; float:left;}
.newfriend dd{ width:40px; height:40px; float:left; margin:10px 20px 10px 0; cursor:pointer;}

/* 同学们正在... */
.studentdo{ width:100%; overflow:hidden; float:left; margin:10px 0 0; background:#deeef2; position:relative; z-index:10;}
.avatar{ width:40px; height:40px; overflow:hidden; float:left;}
.studentdo .studentdo-list{ width:100%; height:713px; float:left; position:relative; z-index:1;}
.studentdo .status-item{ width:96%; border-bottom:1px dashed #b8cbd0; margin:10px 2% 0; padding:0 0 5px; float:left;}
.studentdo .status-item .status-item,.studentdo .status-item .question-item{ width:100%; border:0; margin:0; padding:0; float:left;}
.studentdo .status-item .score{ height:15px; line-height:15px; background:url(../images/pic/reward.jpg) left center no-repeat; color:#c46b0a; padding:0 5px 0 13px; display:inline-block; *display:inline; *zoom:1;}
.studentdo .status-body{ width:200px; padding:0 0 0 20px; float:right;}
.studentdo .title,.studentdo .details,.studentdo .infos{ width:100%; float:left; margin:0 0 5px;}
.studentdo .title{ line-height:20px; border:0;}
.studentdo .title a{ float:none;}
.studentdo .title b{ font-weight:normal; color:#af2727;}
.studentdo .details img{ border:3px solid #dfdfdf;}
.studentdo .ispeak img{ border:0;}
.studentdo .infos span{ color:#248dac; float:right; cursor:pointer;}
.studentdo .infos .time{ color:#999; cursor:text;}
.studentdo .infos .line{ margin:4px 0 0 10px; width:10px; /*background:url(../images/pic/line2.jpg) no-repeat;*/ cursor:default;}
.studentdo .ispeak .details{ width:88%; padding:0 0 0 20px; background:url(../images/pic/icon08.gif) 0 5px no-repeat;}
.studentdo .ispeak .details span{ width:15px; height:10px; background:url(../images/pic/icon09.gif) no-repeat; display:inline-block; *display:inline; *zoom:1; margin:0 0 0 5px;}
.studentdo .icourse .status-body{ background:url(../images/pic/icon-course.gif) left 1px no-repeat;}
.studentdo .icourse .status-body img{ width:106px; height:64px; border:3px solid #bcd6e0;}
.studentdo .iquestion .status-body{ background:url(../images/pic/icon-question.gif) left 3px no-repeat;}
.studentdo .itest .status-body{ background:url(../images/pic/icon-test.gif) left 3px no-repeat;}
.studentdo .iblog .status-body{ background:url(../images/pic/icon-blog.gif) left 3px no-repeat;}
.studentdo .ispeak .status-body{ background:url(../images/pic/icon-speak.gif) left 3px no-repeat;}
.studentdo .scorllbottom{ width:100%; height:10px; background:#deeef2; float:left; position:relative; z-index:2;}

.test-item{ width:96%; margin:10px 2% 0; float:left;}
.test-item .test-body{ width:210px; line-height:20px; float:right;}
.test-item .test-body .test-info{ color:#747777; float:left;}
.test-item .test-body .test-info a{ margin:0 5px 0 0;}
.test-item .test-body .test-tags{ width:100%; float:left;}
.test-item .test-body .test-tags strong{ color:#8e8e8e; float:left;}
.test-item .test-body .test-tags ul{ width:173px; float:right;}
.test-item .test-body .test-tags li{ color:#5ea032; float:left;}
.test-item .test-body .test-tags li a{ color:#5ea032;}
.test-item .test-body .test-tags .scores{ color:#f05d0d;}
.test-item .test-body .test-tags .totest{ float:right; display:none;}
.test-item .test-body .test-tags .totest a{ color:#248DAC;}


.question-item{ width:96%; margin:10px 2%; border-bottom:1px solid #e1e1e1; float:left;}
.question-item .ques-body{ width:210px; line-height:20px; float:right;}
.question-item .ques-body .ques-info{ color:#747777; float:left;}
.question-item .ques-body .ques-info a{ margin:0 5px 0 0;}
.question-item .ques-body .toanswer{ margin:0 10px 0 0; float:right;}
.question-item .ques-body .ques-topic{ width:100%; line-height:14px; float:left;}
.question-item .ques-body .ques-topic strong a{ line-height:20px; font-size:12px; font-weight:bold; color:#248dac;}
.question-item .ques-body .ques-topic span{  color:#248dac;}
.question-item .ques-body .ques-tags{ width:100%; float:left; display:none;}
.question-item .ques-body .ques-tags strong{ color:#8e8e8e; float:left;}
.question-item .ques-body .ques-tags ul{ width:173px; float:right;}
.question-item .ques-body .ques-tags li{ color:#5ea032; float:left; white-space:nowrap;}
.question-item .ques-body .ques-tags li a{ color:#5ea032;}
.question-item .ques-body .answer-new{ width:99%; margin:6px 0 0; padding:6px 0 0; border-top:1px dashed #dfdfdf; float:left;}
.question-item .ques-body .answer-new .answer-user{ width:100%; float:left;}
.question-item .ques-body .answer-new .answer-user a{ margin:0 10px 0 0;}
.question-item .ques-body .answer-new .answer-cont{ width:100%; float:left; color:#747777;}
.question-item .ques-body .answer-praise{ width:99%; margin:6px 0 0; padding:5px 0 0; border-top:1px dashed #dfdfdf; float:left; position:relative;}
.question-item .ques-body .answer-praise .answer-user{ width:100%; height:20px; line-height:20px; overflow:hidden; margin:0 0 5px; padding:0 0 6px; border-bottom:1px dashed #dfdfdf; float:left;}
.question-item .ques-body .answer-praise .answer-user a,.question-item .ques-body .answer-praise .answer-cont a{ margin:0 10px 0 0;}
.question-item .ques-body .answer-praise .answer-cont{ width:100%; float:left; color:#747777;}
.question-item .ques-body .answer-praise .praise{ height:15px; line-height:15px; padding:0 2px; background:#b4d2e5; color:#fff; font-weight:bold; position:absolute; right:467px; top:39px;}
.question-item .ques-body .answer-praise .praise:hover{ background:#2071a4;}
.question-item .ques-body .answer-best{ width:99%; margin:6px 0 0; padding:5px 0 0; border-top:1px dashed #dfdfdf; float:left; position:relative;}
.question-item .ques-body .answer-best .answer-user{ width:100%; height:20px; line-height:20px; overflow:hidden; margin:0 0 5px; padding:0 0 6px; border-bottom:1px dashed #dfdfdf; float:left;}
.question-item .ques-body .answer-best .answer-user a{ margin:0 10px 0 0;}
.question-item .ques-body .answer-best .answer-cont{ width:100%; float:left; color:#747777;}
.question-item .ques-body .answer-best .answer-cont strong{ font-weight:bold; color:#dc5e0a; margin:0 10px 0 0;}
.question-item .ques-body .answer-best .medal{ width:10px; height:16px; background:url(../images/pic/medal.gif) no-repeat; position:absolute; right:467px; top:39px;}


/* footer */
#footer{ padding:40px 0 20px; text-align:center; background:#deeef2;}
#footer p{ width:100%; line-height:20px; color:#4fa4bc; float:left;}
#footer .copyright{ margin:0 0 0 10px; color:#818181;}

